﻿@model WebUI.Models.IndUploadShotViewModel
@{
    ViewBag.Title = "Upload Shot";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h1>Upload Shot</h1>
<div class="editdes">
    Upload your work. The image size is no less than 900*600 pixels.</div>
<div class="smallspacer"></div>
<div class="tabsbottom"></div>
<div class="mainSection atl">
    <div class="clear"></div>
    @using (Html.BeginForm("uploadshot", "Ind", FormMethod.Post, new {enctype="multipart/form-data"}))
    {
        <div class="fl left">&nbsp;</div>
        <div class="fl right">
            <div><input type="file" name="Shot" class="file-input"/></div>
            <div class="smallspacer"></div>
            <div>No less than 900*600 pixels. Maximum size of 1M. JPG, GIF, PNG.</div>
        </div>
        
        <div class="clear"></div>
        <div class="smallspacer"></div>
        
        <div class="fl left">Title<span>&nbsp;*</span></div>
        <div class="fl right">
            @Html.TextBoxFor(m => m.Title)
            @Html.ValidationMessageFor(m => m.Title)
        </div>
        
        <div class="clear"></div>
        <div class="smallspacer"></div>
        
        <div class="fl left">Description</div>
        <div class="fl right">
            @Html.TextAreaFor(m => m.Description)
            @Html.ValidationMessageFor(m => m.Description)
        </div>
        <div class="clear"></div>
        <div class="fl left left-tip">&nbsp;</div>
        <div class="fl right right-tip"><span id="des_totalchars"></span>&nbsp;(Html tag is <em>not</em> allowed)</div>

        <div class="clear"></div>
        <div class="spacer"></div>

        <div class="fl left">&nbsp;</div>
        <div class="fl right">
            <input class="blue-submit" type="submit" name="uploadshot" value="Upload" />
        </div>
    }
    <div class="clear"></div>
</div>
@section FooterContent
{
    <script type="text/javascript">

        $(function () {
            textAreaCharsRemaining("Description", "des_totalchars", 500);
        })
        
    </script>
}